class tuoZhuai {
				constructor() {
					this.oDiv = document.querySelector('div');
					this.down()
				}
				down() {
					var _this = this;
					this.oDiv.onmousedown = function(ev) {
						var oP = document.createElement('p');
						oP.style.left = _this.x + 'px';
						oP.style.top = _this.y + 'px'
						oP.className = 'kk';
						document.body.appendChild(oP)
						var ev = ev || event;
						_this.disX = ev.clientX - _this.oDiv.offsetLeft;
						_this.disY = ev.clientY - _this.oDiv.offsetTop;
						document.onmousemove = function(ev) {
							_this.x = ev.clientX - _this.disX;
							_this.y = ev.clientY - _this.disY;
							oP.style.left = _this.x + 'px';
							oP.style.top = _this.y + 'px'
						}
						document.onmouseup = function() {
							_this.oDiv.style.left = _this.x + 'px';
							_this.oDiv.style.top = _this.y + 'px';
							document.body.removeChild(oP)
							document.onmousedown = null;
							document.onmousemove = null;
						}
						return false;
					}
				}
			}
			window.onload = function() {
				new tuoZhuai();
			}